<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<title>设置关键字</title>
<%@include file="../collect/meta.jsp"%>
<link rel="stylesheet" href="css/radius.css" type="text/css"></link>
<link rel="stylesheet" href="css/table.css" type="text/css"></link>
<link rel="stylesheet" href="css/btn-bottom.css" type="text/css"></link>
<script type="text/javascript" src="${ctx}/js/returnTop.js"></script>
</head>
<body lang="zh-cn">
	<div class="wrapper">
		<c:import url="/collect/top.jsp"></c:import>
		<div class="main-container" id="main-container">
			<div class="main-container-inner">
				<c:import url="/collect/left.jsp"></c:import>
				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li><i class="icon-home home-icon"></i>微信管理</li>
							<li>自动回复管理</li>
							<li><a href="question!watchQuestions">设置关键字</a></li>
						</ul>
					</div>
					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<div class="alert alert-success">
									用户输入关键字，系统自动回复的信息，支持文本和图文（多图文）回复。</div>
								<a class="btn btn-primary radius" id="btn-bottom"
									href="${ctx}/question!initAddQuestion">新增关键字</a>
								<table id="table_bug_report"
									class="table table-striped table-bordered table-hover">
									<tr>
										<th>关键字</th>
										<th>类型</th>
										<th>回复</th>
										<th>创建时间</th>
										<th>操作</th>
									</tr>
									<c:forEach items="${questions}" var="question"
										varStatus="status">
										<tr>
											<td>${question.content}</td>
											<td>
													<c:choose>
														<c:when test="${question.type == 1 }">文本</c:when>
														<c:when test="${question.type == 2 }">链接</c:when>
														<c:when test="${question.type == 3 }">图文</c:when>
														<c:otherwise>未定义</c:otherwise>
													</c:choose>
											</td>
											<td>${question.reply.content}</td>
											<td>${question.createTime }</td>
											<td>
													<a class="btn btn-xs btn-primary radius"
														href="question!initModifyQuestion?question.id=${question.id }">修改</a>
													<a id="del" class="btn btn-xs btn-primary radius"
														href="question!delQuestion?question.id=${question.id }">删除</a>
											</td>
										</tr>
									</c:forEach>
								</table>
							</div>
							<!-- /.col -->
						</div>
						<!-- /.row -->
					</div>
					<!-- /.page-content -->
				</div>
				<!-- /.main-content -->
			</div>
			<!-- /.main-container-inner -->
			<a href="#" id="btn-scroll-up"
				class="btn-scroll-up btn btn-sm btn-inverse"
				style="position:fixed;bottom:0;"> <i
				class="icon-double-angle-up icon-only bigger-110"></i> </a>
		</div>
		<!-- /.main-container -->
		<div class="push"></div>
	</div>
	<c:import url="/collect/down.jsp"></c:import>
	<!-- 弹出框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width:350px;height:200px;">
			<div class="modal-content radius">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">
						操作提示</h4>
				</div>
				<div class="modal-body">
					<p>确定要删除吗？</p>
				</div>
				<div class="modal-footer radius">
					<a id="confirm" class="btn btn-primary btn-sm radius">确定</a>
					<button type="button" class="btn btn-sm btn-default radius"
						data-dismiss="modal">取消</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<script type="text/javascript">
	    //防dropmenu刷新收回；查看问题：$设置关键字
		$(document).ready(function(){
				$('.weixinguanli > ul').show();
				$('.autoanswer > ul').show();
				$('.autoanswer > ul > li > a').eq(2).css("color","red");
			});
		$(function(){
    $("a#del").click(function(){
        var href = $(this).attr("href");
        $("#myModal").modal('show');
        $("a#confirm").attr("href",href);
        return false;
    }); 
});
	    </script>
</body>
</html>
